<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">

	<p:dialog id="dialogEvento" width="470" widgetVar="criaEvento"
		modal="true" header="Novo evento">
		<h:form prependId="false">
			<h:panelGrid columns="2">
				<h:panelGrid>
					<h:outputLabel value="Para:" />
					<p:selectOneMenu value="#{criaEventoMB.evento.tipoDestino}">
						<f:selectItems value="#{criaEventoMB.comboTipoDestino}" />
						<p:ajax update="destinos" listener="#{criaEventoMB.destinoChange}" />
					</p:selectOneMenu>
				</h:panelGrid>
				<h:panelGrid id="destinos">
					<h:outputLabel value="Destino para execução:" />
					<p:selectOneMenu rendered="#{criaEventoMB.cmbUsarioVisible}"
						style="width: 320px" value="#{criaEventoMB.evento.idDestino}">
						<f:selectItems value="#{criaEventoMB.comboUsuarios}" />
					</p:selectOneMenu>
					<p:selectOneMenu rendered="#{!criaEventoMB.cmbUsarioVisible}"
						style="width: 320px" value="#{criaEventoMB.evento.idDestino}">
						<f:selectItems value="#{criaEventoMB.comboGrupos}" />
					</p:selectOneMenu>
				</h:panelGrid>
			</h:panelGrid>
			<h:panelGrid columns="2">
				<h:panelGrid id="CanalMotivo">
					<h:outputLabel value="Motivo:" />
					<p:selectOneMenu style="width: 400px"
						value="#{criaEventoMB.evento.motivo.idMotivo}">
						<f:selectItems value="#{criaEventoMB.comboMotivos}" />
					</p:selectOneMenu>
				</h:panelGrid>
			</h:panelGrid>
			<h:panelGrid columns="3">
				<h:panelGrid>
					<h:outputLabel value="Agendar para:" />
					<p:calendar locale="pt_BR" pattern="dd/MM/yyyy HH:mm"
						navigator="true" display="inline"
						value="#{criaEventoMB.evento.dataExibir}" effect="drop" />
				</h:panelGrid>
				<h:panelGrid>
					<h:outputLabel value="Prioridade:" />
					<p:selectOneMenu value="#{criaEventoMB.evento.prioridade}">
						<f:selectItems value="#{criaEventoMB.comboPrioridade}" />
					</p:selectOneMenu>
				</h:panelGrid>
				<h:panelGrid columns="2">
					<p:selectBooleanCheckbox
						value="#{criaEventoMB.evento.avisoLeitura}" />
					<h:outputLabel value="Receber aviso de leitura" />
					<p:selectBooleanCheckbox
						value="#{criaEventoMB.evento.avisoConclusao}" />
					<h:outputLabel value="Receber aviso de conclusão" />
				</h:panelGrid>
			</h:panelGrid>
			<h:panelGrid>
				<h:outputLabel value="Cliente:" />
				<h:panelGrid id="clienteGrid" columns="2">
					<h:inputText style="width: 367px" disabled="true"
						value="#{criaEventoMB.evento.entidade.nomeEntidade}" />
					<p:commandButton image="smallSearch" id="pesquisar"
						onclick="pesquisaEntidades.show();" />
				</h:panelGrid>
				<h:outputLabel value="Observações:" />
				<h:inputTextarea style="width: 402px; height: 100px; l"
					value="#{criaEventoMB.evento.observacaoOrigem}" />
			</h:panelGrid>
			<h:panelGrid columns="2">
				<p:commandButton value="Salvar" actionListener="#{criaEventoMB.gravar}"
					update="msgs" image="cmdGravar" onsuccess="criaEvento.hide()" />
				<p:commandButton value="Fechar" image="cmdFechar"
					onclick="criaEvento.hide()" />
			</h:panelGrid>
		</h:form>
	</p:dialog>
	<p:dialog id="panelPesquisa" header="Pesquisa entidades"
		widgetVar="pesquisaEntidades" width="750" height="400" modal="true">
		<h:form>
			<h:panelGrid id="lista">
				<h:panelGrid columns="4">
					<h:panelGrid>
						<h:outputLabel value="Valor a consultar:" />
						<p:inputText style="width: 400px"
							value="#{criaEventoMB.valorConsulta}" />
					</h:panelGrid>
					<h:panelGrid>
						<h:outputLabel value="Critério de consulta:" />
						<p:selectOneMenu value="#{criaEventoMB.consultaCriterio}">
							<f:selectItems value="#{criaEventoMB.comboCriterios}" />
						</p:selectOneMenu>
					</h:panelGrid>
					<h:panelGrid>
						<h:outputLabel value="Status:" />
						<p:selectOneMenu value="#{criaEventoMB.consultaAtivo}">
							<f:selectItems value="#{criaEventoMB.comboConsultaAtivo}" />
						</p:selectOneMenu>
					</h:panelGrid>

					<h:panelGrid>
						<p:commandButton value="Consultar" styleClass="botao"
							actionListener="#{criaEventoMB.consultar}" update="lstEntidades" />
						<p:commandButton value="Selecionar" update="clienteGrid"
							oncomplete="pesquisaEntidades.hide()" />
						<p:commandButton value="Cancelar" update="clienteGrid"
							actionListener="#{criaEventoMB.cancelaPesquisa}"
							oncomplete="pesquisaEntidades.hide()" />
					</h:panelGrid>
				</h:panelGrid>
				<p:dataTable id="lstEntidades" var="entidade"
					value="#{criaEventoMB.listaEntidades}" scrollable="true"
					dblClickSelect="true" scrollWidth="800" selectionMode="single"
					scrollHeight="310">

					<p:ajax event="rowSelect" listener="#{criaEventoMB.onRowSelect}"
						update="clienteGrid" />
					<p:ajax event="rowUnselect"
						listener="#{criaEventoMB.onRowUnSelect}" update="clienteGrid" />

					<p:column style="width: 110px" headerText="Código"
						filterBy="#{entidade.idEntidade}">
						<h:outputText value="#{entidade.idEntidade}" />
					</p:column>

					<p:column style="width: 250px" headerText="Nome"
						filterBy="#{entidade.nomeEntidade}">
						<h:outputText value="#{entidade.nomeEntidade}" />
					</p:column>

					<p:column style="width: 209px" filterBy="#{entidade.nomeFantasia}"
						headerText="Fantasia">
						<h:outputText value="#{entidade.nomeFantasia}" />
					</p:column>

					<p:column style="width: 100px" headerText="CPF / CNPJ">
						<h:outputText value="#{entidade.cpfCnpj}" />
					</p:column>

					<p:column headerText="Ativo">
						<p:selectBooleanCheckbox value="#{entidade.ativo}" />
					</p:column>
					
				</p:dataTable>
			</h:panelGrid>
		</h:form>
	</p:dialog>


</ui:composition>